export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M512 86C275.578 86 86 277.702 86 512s189.578 426 426 426 426-191.702 426-426S746.298 86 512 86zM512 852.8c-187.436 0-340.8-153.366-340.8-340.8S324.564 171.2 512 171.2 852.8 324.564 852.8 512 699.436 852.8 512 852.8z"></path>
                <path d="M533.3 299 469.4 299 469.4 554.6 693.05 688.786 725 635.536 533.3 522.648Z"></path>
            </svg>
        </span>
    )
}